<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

 <head>

  <title>CSS Test: :before generated content - display table-column</title>

  <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/generate.html#before-after-content" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/tables.html#table-display" />
  <meta content="" name="flags" />
  <meta content="Generated content can have their own display value explicitly set in which case they behave as if they were real elements inserted just inside their associated element. Elements with 'display' set to 'table-column' or 'table-column-group' are not rendered (exactly as if they had 'display: none')." name="assert" />

  <style type="text/css">* { margin: 0; padding: 0 }<![CDATA[
  div:before
  {
  background-color: red;
  color: yellow;
  content: ".\0D FAIL";
  display: table-column;
  font-size: 2em;
  }
  ]]></style>

 </head>

 <body>

  <p>Test passes if there is <strong>one "Filler text"</strong> and no red.</p>

  <div>Filler text</div>

 </body>
</html>